<template>
  <div>
        <Menu mode="horizontal" :theme="theme1" active-name="1">
        <MenuItem name="1">
            <Icon type="ios-paper" />
            内容管理
        </MenuItem>
        <MenuItem name="2">
            <Icon type="ios-people" />
            aaa
        </MenuItem>
        <Submenu name="3">
            <template slot="title">
                <Icon type="ios-stats" />
                nnn
            </template>
            <MenuGroup title="使用">
                <MenuItem name="3-1">31</MenuItem>
                <MenuItem name="3-2">32</MenuItem>
                <MenuItem name="3-3">33</MenuItem>
            </MenuGroup>
            <MenuGroup title="留存">
                <MenuItem name="3-4">34</MenuItem>
                <MenuItem name="3-5">35</MenuItem>
            </MenuGroup>
        </Submenu>
        <MenuItem name="4">
            <Icon type="ios-construct" />
            hhg
        </MenuItem>
    </Menu>
    <br>
    <p>Change theme</p>
    <RadioGroup v-model="theme1">
        <Radio label="light"></Radio>
        <Radio label="dark"></Radio>
        <Radio label="primary"></Radio>
    </RadioGroup>
  </div>
</template>
<script>
export default {
  name: 'iview1',
  data () {
    return {
      theme1: 'light'
    }
  }
}
</script>
<style scoped>

</style>
